<template>
  <div>
    <!-- <Example /> -->
    <Pie :data="data.salePie" />
    <Map :data="data.saleMap" />
  </div>
</template>
  
<script setup lang='ts'>
// import Example from './components/PieEx.vue'
import Pie from './components/Pie.vue'
import Map from './components/Map.vue'
import { homepageApi } from '@/api/homepageApi'
import { reactive } from 'vue'
const data = reactive<IHomeData>({
  salePie: [],
  saleMap: []
})
homepageApi().then(res => {
  data.saleMap = res.data.saleMap;
  data.salePie = res.data.salePie;
})
</script>
  
<style></style>